{% extends 'basem.html' %}

{% block body %}
  <body>
<a href="/"><img src="/static/banner.png" border=0></a>
    <table>
      <tr>
        <td><div align="center" id="home"><a href="/">HOME</a></div></td>
      </tr>
      <tr>
        <td>
          <div id="allert_data">
            <p>Sender: {{ allert.sender }}</p>
            <p>Contact: {{ allert.contact }}</p>
            <p>Description: {{ allert.description|escape }}</p>
            <p>Category: {{ allert.category }}</p>
            <p>Special Care: {{ allert.specialcare }}</p>
            <p>Date: {{ allert.date|date:"r"  }}</p>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div id="pic_canvas" style="width: 150px; height: 100px">
            <a href="/pic_view?k={{ allert.key }}" class="pic_url">
              <img src="/pic?k={{ allert.key }}" border="0" width="250px" height="200px">
            </a>
          </div>
        </td>
      </tr>
      <tr>
        <td>
            <div id="map_canvas" style="width: 150px; height: 100px">
                <img src="http://maps.google.com/staticmap?center={{ lat }},{{ lon }}&zoom=12&size=150x100&maptype=mobile&key=ABQIAAAAul_IdOn_eu47kED1sycOnRQJJhtmVC2XqQ0kEf_OejgoybTNhhQJGiPSplMKwJpLA033u-4YkgZXjA"
            </div>
        </td>
      </tr>
      <tr>
        <td><div align="center" id="home"><a href="/">HOME</a></div></td>
      </tr>
      <tr>
        <td><div align="center" id="source"><a href="http://code.google.com/p/eallert">Google Code</a></div></td>
      </tr>
    </table>
  </body>
{% endblock %}
